body{
	margin: 0px;
	padding: 0px;
}
ul{
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.box{
	width: 100%;
	overflow: hidden;
	padding:2%;
	box-sizing:border-box;
}
.box li{
	box-sizing: border-box;
	float:left;
	width: 32%;
	margin-right:2%; 
	margin-bottom: 2%;
	background:#ffa500;
	position: relative;
	overflow: hidden;
	border-radius: 5%;
}
.box li:nth-of-type(3n){
	margin-right: 0;
}
.box li:after{
	content: '';
	display: block;
	padding-top: 100%;
}

.btn{
	width: 96%;
	box-sizing: border-box;
	color: #ffa500;
	text-align: center;
	border:1px solid #ffa500;
	margin:0 auto;
	margin-bottom: 2%;
	display:block;
	border-radius: 10px;
	min-height: 42px;
	line-height: 42px;
	font-size: 16px;
	background-color:#fff;
}
.btn:active{
	background:#ffa500;
	color:#fff;
}
